.carousel-container-small {
  padding: 5% 0 5% 5%;
}
.carousel-container-small hr {
  width: 70px;
  border: 2px solid var(--color-green-light);
  opacity: 1;
}
.carousel-container-small .carousel-heading {
  width: 70%;
}
.carousel-container-small .carousel-heading h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: var(--color-petrol);
}
.carousel-container-small .carousel-buttons {
  width: 30%;
}
.carousel-container-small .media-grid {
  font-family: "Lexend Deca";
  font-style: normal;
  font-weight: 400;
}
.carousel-container-small .media-grid h4 {
  font-weight: 400;
  color: var(--color-petrol);
  font-size: 24px;
  line-height: 32px;
}
.carousel-container-small .media-grid p {
  color: var(--color-primary-text);
  font-size: 14px;
  line-height: 24px;
}
.carousel-container-small .media-grid .media-grid-details {
  width: 75%;
  padding: 3%;
}
.carousel-container-small .overlay-button {
  position: absolute;
  padding: 2%;
  z-index: 200;
}
.carousel-container-small .overlay-button .btn {
  color: var(--color-white);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.carousel-container-small .media-cpt {
  width: 80%;
  object-fit: cover;
  left: 0px;
  top: 0px;
  border-radius: 0px;
  aspect-ratio: 3 / 2;
}
.carousel-container-small .link-see-more a {
  color: var(--color-petrol);
  text-decoration: none;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.carousel-container-small .link-see-more img {
  width: 25px;
}
.carousel-container-small .carousel-item {
  margin-right: 0;
  flex: 0 0 36%;
  display: block;
}
.carousel-container-small .carousel-control-prev,
.carousel-container-small .carousel-control-next {
  position: relative;
  opacity: 1;
}
.carousel-container-small .carousel-control-prev:hover,
.carousel-container-small .carousel-control-next:hover {
  cursor: pointer;
  opacity: 1;
}
.carousel-container-small .carousel-control-prev:disabled,
.carousel-container-small .carousel-control-next:disabled {
  opacity: 0.2;
}
@media (max-width: 767px) {
  .carousel-container-small .carousel-heading h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .carousel-container-small .carousel-control-prev img,
  .carousel-container-small .carousel-control-next img {
    width: 13px;
  }
  .carousel-container-small .overlay-button .btn {
    font-size: 10px;
    line-height: 20px;
  }
  .carousel-container-small .media-grid {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 400;
  }
  .carousel-container-small .media-grid h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .carousel-container-small .media-grid p {
    font-size: 12px;
    line-height: 16px;
  }
  .carousel-container-small .media-grid .media-grid-details {
    width: 325px;
    padding: 3%;
  }
  .carousel-container-small .media-cpt {
    width: 95%;
    left: 0px;
    top: 0px;
    border-radius: 0px;
  }
  .carousel-container-small .link-see-more a {
    font-size: 12px;
    line-height: 16px;
  }
  .carousel-container-small .link-see-more img {
    width: 13px;
  }
}